@import "./color.styl"

// 该样式文件为公共样式文件，只写一些泛用样式，需要使用此样式，则引入此文件
// 隐藏元素
.cm-hidden
  display none

.cm-invisible
  visibility hidden

// margin padding相关
for direction in -top -bottom -left -right ''
  for i in 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30
    .cm-margin{direction}-{i}
      margin{direction}: 1px * i

    .cm-padding{direction}-{i}
      padding{direction}: 1px * i

// 字体大小相关
for i in 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32
  .cm-text-{i}
    font-size: 1px * i
    
// 圆形
.cm-round
  border-radius: 50%

// 行内对齐方式
.cm-text-left
  text-align: left

.cm-text-right
  text-align: right

.cm-text-center
  text-align: center

// 文字特效
.cm-line-through
  text-decoration: line-through

// 文字粗细
.cm-bold
  font-weight: 700

// 文字颜色
.cm-success
  color $cm-color-green-0

.cm-error
  color $cm-color-red-1
  
.cm-color-blue
  color $cm-color-blue-0